<section class="serchBox row">
    <div class="col-sm-7 col-lg-7 col-md-7">
        <div class="input-group">
            <div class="input-group-btn">
                <select id='selectCategoryDrpDown' class="btn btn-default dropdown-toggle" data-toggle="dropdown">    
                    <option value="1000">All</option>                          
                    {{#each this}}                       
                            <option value="{{id}}">{{city}}</option>                       
                    {{/each}}                   
                </select>
            </div><!-- /btn-group -->
            <div class="ui-widget">
                <input id='searchItem' type="text" class="form-control" placeholder="search for product, category or brand">
                <span class="srchIcon glyphicon glyphicon-search" />
            </div>                        
        </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
    <div class="searchBtn col-sm-4 col-lg-4 col-md-4">
        <button id='btnSearchItem' type="button" class="btn btn-default">
            <span class="glyphicon glyphicon-search"></span> Search
        </button>	
    </div>
</section><!-- /.row -->